import React, { KeyboardEvent, FocusEvent } from 'react';
import { fas } from '@fortawesome/free-solid-svg-icons';
import { library } from '@fortawesome/fontawesome-svg-core';

import Tabs from './components/Tabs/tabs';
import TabPane from './components/Tabs/tabPane';

library.add(fas);

const App: React.FC = () => {

  return (
    <div className="App">

      <header className="App-header">
        <Tabs defaultActiveKey="1">
          <TabPane tab="TabPane01" tabIndex="1">
            
          </TabPane>
          <TabPane tab="TabPane02" tabIndex="2">
            tabPane 2  content
          </TabPane>
        </Tabs>
      </header>
    </div>
  );
}

export default App;
